<template>
	<view>
		<view class="view-style" hover-class="hover-class animate__animated animate__bounceIn">demo01页面</view>
		<text :selectable="false">selectable 表示文本是否可以被选中</text>
		
		<!-- uni-list表示使用uni.css的样式库 -->
		<view class="uni-list">
			<view class="uni-list-cell">
				<view class="uni-list-cell-navigate uni-list-cell-right">
					<view class="icon iconfont icon-smile"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.view-style{
		width: 200rpx;
		height: 200rpx;
		background-color: #007AFF;
	}
	.hover-class{
		background-color: #09BB07;
	}

</style>
